Multiple Layouts

Description

Create multiple List layouts to customize data presentation when the device's orientation changes from landscape to portrait.

Discussion

Multiple layouts can be defined for a List control. You may want to create separate data presentations for the List based on the device's orientation. To enable multiple layouts, check the Has multiple layouts tab. This will expose the Multiple Layouts pane, where you can define layouts for the List.

You can also specify the default layout to use when a device is in landscape or portrait orientation. If a default layout is defined, the List will automatically switch layouts when the orientation changes.

Properties

The following properties are used to enable multiple layouts for a List control and assign the default layout to use when a device is in portrait or landscape orientation.

  • Has multiple layouts

    If checked, allows you t to define multiple layouts for the List control.

  • Auto-select layout on orientation change

    You can specify which layout to use when the device orientation is landscape and which layout to use when the device orientation is portrait. Enabling the Auto-select layout on orientation change property allows you to assign a default layout for the device when the orientation changes.

  • Layout for landscape

    The layout to use when the device's orientation is in Landscape mode.

  • Layout for portrait

    The layout to use when the device's orientation is in Portrait mode.

Videos

List Control - Multiple Layouts

When you design a List control, you can specify multiple Layouts. A Layout is just the manner in which the data in the List is shown. You can switch from one layout style to another at run-time.

Download Component

Automatically Changing the List Layout on an Device Orientation Change Event

The List control allows multiple layouts to be designed. For example, you might have one layout design that you would like to show when the device in in landscape mode and another when the device is in portrait mode.

In this video we show how you can automatically switch from one List layout to another when the device orientation is changed.

Download Component

See Also